<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/index.css "/>
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
    <!--nav开始-->
    <div class="site-nav">
        <div class="w">
            <div class="fl">
                <div class="site-nav-send">
                    <div>送至：北京</div>
                    <i><s>◇</s></i>
                    <div class="site-nav-city">

                    </div>
                </div>
            </div>
            <div class="fr site-nav-r">
                <ul>
                    <li>
                        <a href="#">你好，请登录</a>&nbsp;
                        <a href="#" class="col-red">免费注册</a>
                    </li>
                    <li class="line"></li>
                    <li><a href="#">我的订单</a></li>
                    <li class="line"></li>
                    <li class="fore">
                        <a href="#">我的京东</a>
                        <i><s>◇</s></i>
                    </li>
                    <li class="line"></li>
                    <li><a href="#">京东会员</a></li>
                    <li class="line"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="line"></li>
                    <li class="fore jd-tel">
                        <span></span>
                        <a href="#">手机京东</a>
                        <i><s>◇</s></i>
                    </li>
                    <li class="line"></li>
                    <li class="fore">
                        关注京东
                        <i><s>◇</s></i>
                    </li>
                    <li class="line"></li>
                    <li class="fore">
                        客户服务
                        <i><s>◇</s></i>
                    </li>
                    <li class="line"></li>
                    <li class="fore">
                        网站导航
                        <i><s>◇</s></i>
                    </li>
                </ul>

            </div>
        </div>
    </div>-->
    <!--na end-->

    <!--top-banner start-->
    <div class="top-banner">
        <div class="w tb">
            <a href="#">
                <img src= "images/topbanner.jpg" alt=""/>
            </a>
            <a href="#" class="close-banner"></a>
        </div>
    </div>
    <!--to-banner end-->

    <!--search开始-->
    <div class="w clearfix">
        <div class="search-logo">
            <a href="#" title="京西" target="blank">京东官网</a>
        </div>
        <div class="search-input">
            <input type="text" placeholder="运动相机">
            <button>搜索</button>
        </div>
        <div class="search-car">
            <a href="#">我的购物车</a>
            <i class="icon1"></i>
            <i class="icon2">&gt;</i>
            <i class="icon3">8</i>
        </div>
        <div class="search-moreAlink">
                <a href="#" class="col-red">30抵130</a>
                <a href="#">69元秒风扇</a>
                <a href="#">农用物资</a>
                <a href="#">200减40</a>
                <a href="#">啤酒趴</a>
                <a href="#">早教机</a>
                <a href="#">柠檬</a>
                <a href="#">0元试用</a>
                <a href="#">海苔</a>
        </div>
    </div>
    <!--search end-->

    <!--shortcut-nav start-->
    <div class="shortcut-nav">
            <div class="w">
                <div class="shortcut-nav-menu">
                    <div class="shortcut-nav-menu-all">
                        <a href="#">全部商品分类</a>
                    </div>
                    <div class="shortcut-nav-menu-one" style="color: #ffffff">
                        <div>
                            <h3>
                                <a href="#">家用电器</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">手机 /	运营商 /	数码</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">电脑 /	办公</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">家居 /	家具 /	家装 /	厨具</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">男装 /	女装 /	童装 /	内衣</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">美妆 /	个护清洁 /	宠物</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">女鞋 /	箱包 /	钟表 /	珠宝</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">男鞋 /	运动 /	户外</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">房产 /	汽车 /	汽车用品</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">母婴 /	玩具乐器</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">食品 /	酒类 /	生鲜 /	特产</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">艺术 /	礼品鲜花 /	农资绿植</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">医药保健 /	计生情趣</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">图书 /	音像 /	电子书</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">机票 /	酒店 /	旅游 /	生活</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">理财 /	众筹 /	白条 /	保险</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">安装 /	维修 /	清洗保养</a>
                            </h3>
                            <i>></i>
                        </div>
                        <div>
                            <h3>
                                <a href="#">工业品</a>
                            </h3>
                            <i>></i>
                        </div>
                    </div>
                </div>
                <div class="shortcut-nav-items">
                    <ul>
                        <li><a href="#">京东时尚</a></li>
                        <li><a href="#">美妆馆</a></li>
                        <li><a href="#">超市</a></li>
                        <li><a href="#">生鲜</a></li>
                        <li><a href="#">全球购</a></li>
                        <li><a href="#">团购</a></li>
                        <li><a href="#">闪购</a></li>
                        <li><a href="#">拍卖</a></li>
                        <li><a href="#">金融</a></li>
                    </ul>
                </div>
                <div class="shortcut-nav-img">
                    <a href="#">
                        <img src="images/img2(1).jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    <!--shortcut-nav end-->
    
    <!--sub-banner start-->
    <div class="sub-banner">
        <a href=""></a>
        <!--”“里面为空是为了检验a的存在性-->
    </div>
    <!--sub-banner end-->
    
    <!--main start-->
    <div class="w clearfix main">
        <div class="main-slider">
            <a href="#">
                <img src="images/slide.jpg">
            </a>
            <ul>
                <li>1</li>
                <li class="current">2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>
            <div class="arrow">
                <a class="arrow-left" href="javascript:void(0)"><</a>
                <a class="arrow-right" href="javascript:;">&gt;</a>
            </div>
        </div>
        <div class="main-news">
            <div class="main-news-top">
                <div class="main-news-top-faster">
                    <div class="main-news-top-faster-title">
                        <h2>京东快报</h2>
                        <a href="#">更多 ></a>
                    </div>
                    <div class="main-news-top-faster-content">
                        <ul>
                            <li><a href="#"><span>抢笔</span>记本1111元神券</a></li>
                            <li><a href="#"><span>京东</span>图书勋章体系改版公告</a></li>
                            <li><a href="#"><span>极米</span>Play X 陪你随时看电影</a></li>
                            <li><a href="#"><span>京东</span>旅行热门线路买一赠一</a></li>
                            <li><a href="#"><span>食品</span>饮料满99减50</a></li>
                        </ul>
                    </div>
                </div>
                <div class="main-news-top-money">
                    <ul>
                        <li>
                            <a href="#">
                                <b class="main-news-top-money-icon-top">热</b>
                                <b class="main-news-top-money-icon-bottom"></b>
                                <i class="main-news-top-money-icon1"></i>
                                话费
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <b class="main-news-top-money-icon-top">降</b>
                                <b class="main-news-top-money-icon-bottom"></b>
                                <i class="main-news-top-money-icon2"></i>
                                机票
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon3"></i>
                                电影票
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon4"></i>
                                游戏
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon5"></i>
                                彩票
                            </a>
                        </li>
                        <li>

                            <a href="#">
                                <i class="main-news-top-money-icon6"></i>
                                加油卡
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon7"></i>
                                酒店
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <b class="main-news-top-money-icon-top">抢</b>
                                <b class="main-news-top-money-icon-bottom"></b>
                                <i class="main-news-top-money-icon8"></i>
                                火车票
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon9"></i>
                                众筹
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon10"></i>
                                理财
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon11"></i>
                                礼品卡
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="main-news-top-money-icon12"></i>
                                白条
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <a href="#">
                <img src="images/img2.jpg" alt="">
            </a>
        </div>
    </div>
    <!--main end-->


    <!--today start-->
    <div class="w clearfix today">
        <div class="today-left">
            <a href="#"></a>
        </div>
        <div class="today-right">
            <ul>
                <li><a href="#"><img src="images/pic2.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic3.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic4.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic5.jpg" alt=""></a></li>
            </ul>
            <div class="arrow">
                <a class="arrow-left" href="javascript:void(0)"><</a>
                <a class="arrow-right" href="javascript:;">&gt;</a>
            </div>
        </div>
    </div>
    <!--today end-->

    <!--footer开始-->
    <div class="footer">
            <div class="footer-top">
                <div class="footer-top-slogen">
                    <span class="footer-top-slogen-icon footer-top-slogen-icon1"><img src="images/slogan1.png" style="float: left;"></span>
                    <span class="footer-top-slogen-icon footer-top-slogen-icon2"><img src="images/slogan2.png" style="float: left;"></span>
                    <span class="footer-top-slogen-icon footer-top-slogen-icon3"><img src="images/slogan3.png" style="float: left;"></span>
                    <span class="footer-top-slogen-icon footer-top-slogen-icon4"><img src="images/slogan4.png" style="float: left;"></span>
                </div>
                <div class="w footer-top-shopping clearfix">
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a></dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="#">上门自提</a></dd>
                        <dd><a href="#">211限时达</a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                        <dd><a href="#">海外配送</a></dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">邮局汇款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">价格保护</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修/退换货</a></dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                    <dl class="last-dl">
                        <dt>特色服务</dt>
                        <dd><a href="#">夺宝岛</a></dd>
                        <dd><a href="#">DIY装机</a></dd>
                        <dd><a href="#">研报服务</a></dd>
                        <dd><a href="#">京东E卡</a></dd>
                        <dd><a href="#">京东通信</a></dd>
                        <dd><a href="#">京东JD+</a></dd>
                    </dl>
                    <div class="coverage">
                        <h3>京东自营覆盖区县</h3>
                        <p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                        <a href="#">查看详情 ></a>
                    </div>
                </div>
            </div>
            <div class="w footer-bottom">
                <div class="footer-bottom-links">
                    <a href="#">关于我们</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">联系客服</a>|
                    <a href="#">合作招商</a>|
                    <a href="#">商家帮助</a>|
                    <a href="#">手机京东</a>|
                    <a href="#">友情链接</a>|
                    <a href="#">销售联盟</a>|
                    <a href="#">京东社区</a>|
                    <a href="#">风险监测</a>|
                    <a href="#">隐私政策</a>|
                    <a href="#">京东公益</a>|
                    <a href="#">English Site</a>|
                    <a href="#">Media & IR</a>|
                </div>
                <div class="footer-bottom-copyright">
                    <img src="images/guohui.png" alt="">京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号<br>

                    互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155<br>

                    Copyright © 2004 - 2018  京东JD.com 版权所有|消费者维权热线：4006067733经营证照|(京)网械平台备字(2018)第00003号|营业执照<br>

                    Global Site|Сайт России|Situs Indonesia|Sitio de España|เว็บไซต์ประเทศไทย<br>

                    京东旗下网站：京东钱包|京东云
                </div>
                <div class="footer-bottom-img">
                    <a href="#"><img src="images/img1.jpg" alt=""></a>
                    <a href="#"><img src="images/img2.png" alt=""></a>
                    <a href="#"><img src="images/img1.jpg" alt=""></a>
                    <a href="#"><img src="images/img2.png" alt=""></a>
                    <a href="#"><img src="images/img1.jpg" alt=""></a>
                    <a href="#"><img src="images/img2.png" alt=""></a>
                </div>
            </div>

        </div>
    <!--footer结束-->











    <!--search end-->



















</body>
</html>